<template>
<div>
    <homeHeader :submenu="submenu" :active="active"/>
    <div class="wrap-bg" style="min-height:592px;">
        <div class="wrapper">
            <div class="scroll"><inform /></div>
            <div class="register-box">
                <div class="login-tit">
                    <div class="right">已有账号？<router-link class="orange" v-bind:to="{path:`/login`}">立即登录</router-link></div>
                </div>
                <div class="register-form">
                    <table border="0" cellspacing="5" cellpadding="5" class="regTab">
                        <tbody>
                        <tr>
                            <td class="right"><span style="color:red;">*</span>推荐码：</td>
                            <td>
                                <input class="inp" type="text" id="xcode_reg" name="xcode_reg" value="" needed="">
                            </td>
                        </tr>
                        <tr>
                            <td class="right">
                                &nbsp;<span style="color:red;">*</span>&nbsp;用户名：
                            </td>
                            <td>
                                <input class="inp" name="username" id="username" onkeyup="value=value.replace(/[\u4E00-\u9FA5]/g,'')" type="text" maxlength="15" needed="">
                            </td>
                            <td>
                                <font color="#ce8b00">
                                    *账号规则：账号只能是数字和字母，长度为5-15位
                                </font>
                            </td>
                        </tr>
                        <tr>
                            <td class="right">
                                &nbsp;<span style="color:red;">*</span>&nbsp;密码：
                            </td>
                            <td>
                                <input class="inp" type="password" name="password" id="password" maxlength="18" needed="">
                            </td>
                            <td>
                                <font color="#ce8b00">
                                    *密码规则：密码长度要有6-13个字符，以及必须含有数字和字母组合
                                </font>
                            </td>
                        </tr>
                        
                        <tr>
                            <td class="right">&nbsp;

                            </td>
                            <td colspan="2">
                                <input class="agree-check" type="checkbox" data-bind="checked:agree">
                                <label>
                                    同意并愿意遵守本公司<a href="javascript:void(0);" class="wns-kaihu" data-bind="click:infoModal.bind($data,$('#wnskaihuDialog'),'用户协议')">用户协议</a>
                                </label>
                            </td>
                        </tr>
                        <tr>
                            <td>&nbsp;
                            </td>
                            <td colspan="2">
                                <a href="javascript:void(0);" class="regi-btn" style="position:relative">
                                    <span data-bind="text:isSubmitting()?'正在注册中...':'立即注册'">立即注册</span>
                                    <input type="button" value=" " onclick="ajaxPost()" style="position:absolute;left:0;top:0;width:170px;height:36px;filter:alpha(opacity=0);opacity:0;">
                                </a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
    <homeFooter />
</div>
</template>

<script>
import homeHeader from "@/components/home/header";
import homeFooter from "@/components/home/footer";
import inform from "@/components/home/inform";
export default {
  name: 'reg',
  data () {
    return {
        submenu:true,
        active:"7"
    }
  },
  components:{
      homeHeader,
      homeFooter,
      inform
  },
  created(){
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.wrapper {
    position: relative;
    z-index: 9;
    width: 1000px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
}
.scroll{
    width:760px;
    margin: 0 auto;
}
/*注册*/
.register-box {
    background: #fff;
    border: 1px solid #dfdfdf;
}
.login-tit {
    height: 47px;
    line-height: 47px;
    padding: 0 15px;
    background-color: #fffcf4;
    border-bottom: 1px solid #dfdfdf;
}
.registration-c a {
    color: #02339a;
}
.orange {
    color: #02339a;
}
.register-form {
    width: 850px;
    margin: 50px auto;
}
.register-form table {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.register-form td {
    padding: 13px 10px;
    color: #000;
    white-space: nowrap;
}
.register-form .inp {
    padding-left: 5px;
    width: 265px;
    line-height: 36px;
    height: 36px;
    border-radius: 2px;
    color: #666;
    border: 1px solid #d6d6d6;
}
.register-form td.right {
    text-align: right;
    font-size: 14px;
    width: 100px;
}
.register-form .agree-check {
    vertical-align: -3px;
}
.register-form  a {
    color: #02339a;
}
a.regi-btn, .btn1 {
    display: inline-block;
    padding: 10px 61px;
    border-radius: 5px;
    zoom: 1;
    color: #FFF;
    background: #c42133;
    background: -moz-linear-gradient(top, #c42133 1%, #DB5967 9%, #AF1223 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #c42133), color-stop(9%, #DB5967), color-stop(100%, #AF1223));
    background: -webkit-linear-gradient(top, #c42133 1%, #c42133 9%, #c42133 100%);
    background: -o-linear-gradient(top, #c42133 1%, #DB5967 9%, #AF1223 100%);
    background: -ms-linear-gradient(top, #c42133 1%, #DB5967 9%, #AF1223 100%);
    background: linear-gradient(to bottom, #c42133 1%, #DB5967 9%, #AF1223 100%);
}
</style>
